<template>
  <div>
      <h2>{{msg}}</h2>
      <h2>学生姓名：{{name}}</h2>
      <h2>学生年龄：{{age+1}}</h2>
      <h2>学生性别：{{sex}}</h2>
  </div>
</template>

<script>
export default {
    name:'Student',
    data(){
        return {
            msg:'我是尚硅谷的学生'
        }
    },
    // 第一种写法 简单写法 只接收
    // props:['name','age','sex'],

    // 第二种写法 对象写法 接收并限制类型
    // props:{
    //     name:String,
    //     age:Number,
    //     sex:String
    // }

    // 第三种写法 对象升级写法 接收并规定默认值并规定限制类型并规定是否必传
    props:{
        name:{
            type:String,
            required:true
        },
        age:{
            type:Number,
            default:22
        },
        sex:{
            type:String,
            required:true
        }
    }
}
</script>